<!DOCTYPE html>
<html>

<!-- Head -->
<head>
<title>登录表单</title>

<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Meta-Tags -->

<!-- Style -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
</head>
<!-- //Head -->

<!-- Body -->
<body>
<h1>中宇乾通-会员管理</h1>
<div class="container w3layouts agileits" style="width: 486px;">
  <div class="login w3layouts agileits" style="width: 100%">
    <h2>登 录</h2>
    <form action="#" method="post">
      <input type="text" Name="Userame" placeholder="用户名" required="">
      <input type="password" Name="Password" placeholder="密码" required="">
    </form>
    <ul class="tick w3layouts agileits">
      <li>
        <input type="checkbox" id="brand1" value="">
        <label for="brand1"><span></span>记住我</label>
      </li>
    </ul>
    <div class="clear"></div>
    <div class="send-button w3layouts agileits" style="text-align: center; padding: 20px 0;">
      <form>
        <a href="../index.html" class="button">登 录</a>
      </form>
    </div>
    <a href="#">记住密码?</a>
    <a href="javascript:;" class="register-els" style="float: right;">立即注册</a>
    <div class="clear"></div>
  </div>
  <div class="register w3layouts agileits" style="display: none;">
    <h2>注 册</h2>
    <form action="#" method="post">
      <input type="text" Name="Name" placeholder="用户名" required="">
      <input type="text" Name="Email" placeholder="邮箱" required="">
      <input type="password" Name="Password" placeholder="密码" required="">
      <input type="text" Name="Phone Number" placeholder="手机号码" required="">
    </form>
    <div class="clear"></div>
    <div class="send-button w3layouts agileits" style="text-align: center; padding: 20px 0;">
      <form>
        <input type="submit" value="立即注册">
      </form>
    </div>
    <a href="javascript:;" class="register-els has-login-account" style="float: right;">已有账号，请登录</a>
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
</div>
<div class="footer w3layouts agileits">
  <p>© 2009-2018 www.zyqtmall.com 版权所有 ICP：闽ICP备18010031</p>
</div>

<div class="layer-nosupport">
  <div class="nosupport-con">
    <h3>您当前浏览器预览模式，暂不支持此页面，请切换模式！</h3>
    <ul>
      <li>
        <p>您当前使用360安全浏览器，请在地址栏右侧“e”图标，更换为“极速模式”。</p>
        <span><img src="../assets/images/change.png" /></span>
      </li>
      <li>您当前使用IE浏览器，请更换“谷歌浏览器”或者“360安全浏览器”-“极速模式”，预览页面。</li>
    </ul>
  </div>
  <div class="nosupport-bg"></div>
</div>
<script src="../assets/js/browser.js"></script>

<script src="../assets/js/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $(".register-els").on("click",function(){
      $('.login').hide();
      $('.register').fadeIn();
    });
    $(".has-login-account").on("click",function(){
      $('.login').fadeIn();
      $('.register').hide();
    });    
  });
</script>
</body>
</html>